<!--
 * @Author: 哈尔滨大拐 3181845089@qq.com
 * @Date: 2022-07-23 16:36:24
 * @LastEditors: error: git config user.name && git config user.email & please set dead value or install git
 * @LastEditTime: 2022-10-29 14:41:55
 * @FilePath: \mygit\个人网站\about.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的简历</title>
    <!-- 预加载 -->
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <!-- 公共样式文件 -->
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/about.css">


</head>

<body>
    <header id="header">

    </header>

 <!-- 加载动画 -->
 <div class="preloader"></div>
 
    <section id="section">
        <!-- <div id="container"> -->
        <div class="line"></div>
        <h2 id="title" class="title">我的简历</h2>
        <h4 id="introduce" class="introduce">简短介绍简短介绍简短介绍简短介绍简短介绍简短介绍简短介绍简短介绍简短介绍简短介绍...</h4>
        <div id="outBox">
            <div>
                <img src="./images/about.png" alt="">
            </div>
            <div id="indexBox">
                <div class="uptitle">
                    <h1>Web前端工程师</h1>
                </div>
                <div id="titleBox">
                    <div class="box">
                        <h1>生日:2002年1月17日</h1>
                    </div>
                    <div class="box">
                        <h1>年龄:21</h1>
                    </div>
                    <div class="box">
                        <h1>网址:www.example.com</h1>
                    </div>
                    <div class="box">
                        <h1>城市：黑龙江哈尔滨</h1>
                    </div>
                    <div class="box">
                        <h1>电话:15734512582</h1>
                    </div>
                    <div class="box">
                        <h1>Email:3181845089@qq.com</h1>
                    </div>
                    <div class="box">
                        <h1>学历：本科</h1>
                    </div>
                    <div class="box">
                        <h1>学校：黑龙江工程学院</h1>
                    </div>
                </div>
            </div>
        </div>
        <!-- </div> -->

        <div id="body">
            <div class="line"></div>
            <h2 class="title">个人技能</h2>
            <h4 class="introduce">Jifenreiingkdsiejdoi[ mdio msoem ldoe osm main dioam aowm a...</h4>

            <div id="progress-bar">
                <div class="bar html">
                    <p>HTML</p>
                    <div>
                        <img src="./images/resume/progress-1.png" alt="">
                        <h1>100%</h1>
                    </div>
                    <!-- <h1>100%</h1> -->
                    <div class="progress"></div>
                    <div class="htmlcolor"></div>
                </div>
                <div class="bar php">
                    <p>PHP</p>
                    <div>
                        <img src="./images/resume/progress-2.png" alt="">
                        <h2>80%</h2>
                    </div>
                    <div class="progress"></div>
                    <div class="phpcolor"></div>
                </div>
                <div class="bar css">
                    <p>CSS</p>
                    <div>
                        <img src="./images/resume/progress-3.png" alt="">
                        <h2>60%</h2>
                    </div>
                    <div class="progress"></div>
                    <div class=" csscolor"></div>
                </div>
                <div class="bar cms">
                    <p>WORDPRESS/CMS</p>
                    <div>
                        <img src="./images/resume/progress-4.png" alt="">
                        <h2>50%</h2>
                    </div>
                    <div class="progress"></div>
                    <div class=" cmscolor"></div>
                </div>
                <div class="bar java">
                    <p>JAVASCRIPT</p>
                    <div>
                        <img src="./images/resume/progress-5.png" alt="">
                        <h2>80%</h2>
                    </div>
                    <div class="progress"></div>
                    <div class=" javacolor"></div>
                </div>
                <div class="bar photo">
                    <p>PHOTOSHOP</p>
                    <div>
                        <img src="./images/resume/progress-6.png" alt="">
                        <h2>70%</h2>
                    </div>
                    <div class="progress"></div>
                    <div class=" photocolor"></div>
                </div>
            </div>
        </div>


        <div id="foot">
            <div id="first">
                <h>教育经历</h>
                <div class="outline">
                    <h1 class="vertical"></h1>
                    <p class="circle up"></p>
                    <p class="circle down"></p>
                </div>

                <div class="up-title border">
                    <div class="left-box on">
                        <p class="upon">2019年8月10日-</p>
                        <p class="updown">至今</p>
                    </div>
                    <div class="content">
                        <div class="onup">
                            <p>东北林业大学（硕士）</p>
                            <h2>计算机专业</h2>
                        </div>
                        <h3 class="down-content">
                            硕士研究生学位课程,包括:(1)矩阵论:&nbsp;&nbsp;(2)概率论与数理统计:&nbsp;&nbsp;(3)概率论与随机过程:&nbsp;&nbsp;(4)微分方程数值解法.选修课程,包括:&nbsp;(1)应用泛函分析:&nbsp;&nbsp;(2)数学物理方程:&nbsp;&nbsp;(3)高等数值分析:&nbsp;&nbsp;(4)最优化理论与算法:&nbsp;&nbsp;(5)微分几何与计算几何:&nbsp;&nbsp;(6)数学建模
                        </h3>
                    </div>

                </div>

                <div class="down-title border">
                    <div class="left-box index">
                        <p class="upon">2019年8月10日-</p>
                        <p class="updown">至今</p>
                    </div>
                    <div class="content">
                        <div class="onup">
                            <p>东北林业大学（硕士）</p>
                            <h2>计算机专业</h2>
                        </div>
                        <h3 class="down-content">
                            主修：电子技术、离散数学、程序设计、数据结构、操作系统、计算机组成原理、微机系统、计算机系统结构、编译原理、计算机网络、数据库系统、软件工程、人工智能、计算机图形学、数字图像处理、计算机通讯原理、多媒体信息处理技术、数字信号处理、计算机控制、网络计算、算法设计与分析、信息安全、应用密码学基础
                        </h3>
                    </div>
                </div>
            </div>



            <div id="second">
                <h>项目经验</h>
                <div class="outline">
                    <h1 class="vertical"></h1>
                    <p class="circle up"></p>
                    <p class="circle down"></p>
                </div>

                <div class="up-title border">
                    <div class="left-box on">
                        <p class="upon">2019年8月10日-</p>
                        <p class="updown">至今</p>
                    </div>
                    <div class="content">
                        <div class="onup">
                            <p>青盟科技有限公司</p>
                            <h2>Web前端工程师</h2>
                        </div>
                        <h3 class="down-content">
                            一、与设计师、产品工程师紧密工作在一起,实现产品前端UI和交互方面的开发需求,确保不同平台、设备上具有优秀的用户体验;<br>
                            二、配合后端工程师增加页面的JS交互效果以及CSS排版;<br>
                            三、根据不同的PC和手机浏览器编写高效的脚本代码;<br>
                            四、持续的优化前端体验和页面响应速度，并保证兼容性和执行效率。<br>
                            五、结合页面和系统功能，完成移动端页面/微信H5/小程序的开发、调试等工作，高效、高质地完成代码编写，确保符合前端代码规范;
                            <!-- 六、与后端开发团队紧密配合，完成接口对接，确保前后端有效交互;
                            七、综合运用客户端和服务器端构建与优化方案、模块化开发等手段，提升开发效率和系统性能。 </h3> -->
                    </div>

                </div>

                <div class="down-title border">
                    <div class="left-box index">
                        <p class="upon">2019年8月10日-</p>
                        <p class="updown">至今</p>
                    </div>
                    <div class="content">
                        <div class="onup ondown">
                            <p>百度</p>
                            <h2>Web前端工程师</h2>
                        </div>
                        <h3 class="down-content">
                            一、与设计师、产品工程师紧密工作在一起,实现产品前端UI和交互方面的开发需求，确保不同平台、设备上具有优秀的用户体验;<br>
                            二、配合后端工程师增加页面的JS交互效果以及CSS排版;<br>
                            三、根据不同的PC和手机浏览器编写高效的脚本代码;<br>
                            四、持续的优化前端体验和页面响应速度，并保证兼容性和执行效率。<br>
                            五、结合页面和系统功能，完成移动端页面/微信H5/小程序的开发、调试等工作，高效、高质地完成代码编写，确保符合前端代码规范;
                            <!-- 六、与后端开发团队紧密配合，完成接口对接，确保前后端有效交互;
                            七、综合运用客户端和服务器端构建与优化方案、模块化开发等手段，提升开发效率和系统性能。 -->
                        </h3>
                    </div>
                </div>
            </div>



            <div id="third">
                <h>工作经验</h>
                <div class="outline">
                    <h1 class="vertical"></h1>
                    <p class="circle up"></p>
                    <p class="circle down"></p>
                </div>

                <div class="up-title border">
                    <div class="left-box on">
                        <p class="upon">2019年8月10日</p>
                    </div>
                    <div class="content">
                        <div class="onup">
                            <p class="p">奔跑吧小程序</p>
                        </div>
                        <h3 class="down-content">
                            硕士研究生学位课程,包括:(1)矩阵论:&nbsp;&nbsp;(2)概率论与数理统计:&nbsp;&nbsp;(3)概率论与随机过程:&nbsp;&nbsp;(4)微分方程数值解法.选修课程,包括:&nbsp;(1)应用泛函分析:&nbsp;&nbsp;(2)数学物理方程:&nbsp;&nbsp;(3)高等数值分析:&nbsp;&nbsp;(4)最优化理论与算法:&nbsp;&nbsp;(5)微分几何与计算几何:&nbsp;&nbsp;(6)数学建模
                        </h3>
                    </div>

                </div>

                <div class="down-title border">
                    <div class="left-box index">
                        <p class="upon">2019年8月10日</p>
                    </div>
                    <div class="content">
                        <div class="onup ondown">
                            <p>大学生软件外包服务平台</p>
                            <h2>www.qingmengtech.com </h2>
                        </div>
                        <h3 class="down-content">
                            主修：电子技术、离散数学、程序设计、数据结构、操作系统、计算机组成原理、微机系统、计算机系统结构、编译原理、计算机网络、数据库系统、软件工程、人工智能、计算机图形学、数字图像处理、计算机通讯原理、多媒体信息处理技术、数字信号处理、计算机控制、网络计算、算法设计与分析、信息安全、应用密码学基础
                        </h3>
                    </div>
                </div>
            </div>


        </div>

        <!-- ======= Footer ======= -->
        <footer>
            <div id="footer">
                <p class="foot">© Copyright 王小明. All Rights Reserved</p>
            </div>
        </footer>
        <!-- End Footer -->
    </section>

    <div id="up" hidden></div>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="./js/main.js"></script>
    <script src="./js/about.js"></script>
</body>

</html>